@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"微软雅黑"; font-size:14px;}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#707070; text-decoration:none; transition:all .2s ease-in 0s;}
a:hover { text-decoration:underline;}

/* 头 部 */
.topbox{ width:100%; height:200px;}
.topww{ width:100%; height:40px; overflow:hidden;}
.wwcon{ width:1200px; overflow:hidden; margin:0 auto;}
.wwl{ width:600px; line-height:40px; float:left;}
.wwr{ width:600px; overflow:hidden; float:left;}
.wwr h3{ width:80px; font-weight:normal; line-height:35px; display:block; float:right;}
.wwr li{ width:13px; height:35px; margin:0 0 0 10px; cursor:pointer; float:left;}
.wwr .cs1{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#0093ec;}
.wwr .cs2{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#c12800;}
.wwr .cs3{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#00b6b7;}
.wwr .cs4{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#e2365e;}
.wwr .cs5{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#ff9702;}
.wwr .cs6{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#7ebd00;}

.lotbox{ width:1200px; height:110px; overflow:hidden; margin:0 auto;}
.logo{ width:700px; height:110px; overflow:hidden; float:left;}
.ttel{ height:48px; line-height:24px; margin:30px 0; padding:0 0 0 80px; overflow:hidden; float:left;}

.tteltu{ width:20px; height:40px; margin:4px 10px 4px 0; float:left; overflow:hidden;}
.ttel img{ width:20px; height:20px;}

.ttelhm{ width:374px; float:left; overflow:hidden;}
.ttelhm h1{ font-size:16px; font-weight:bold; display:block;}
.ttelhm h2{ font-size:24px; font-style:normal; display:block; white-space: nowrap;}

/* 导 航 */
.menubox{ width:100%; height:50px;}
.nav{ width:1200px; height:50px; position:relative; z-index:1; margin:0 auto;}
.nav .nLi{ float:left; line-height:50px; position:relative; display:inline;}
.nav .nLi h3{ width:170px; font-size:16px; text-align:center; float:left; cursor:pointer;}
.nav .nLi h3 a{ display:block; text-decoration:none;}
.nav .sub{ width:170px; line-height:50px; position:absolute; left:0; top:50px; text-align:center; display:none;}
.nav .sub li{ overflow:hidden; zoom:1;}
.nav .sub a{ display:block; padding:0 10px; text-decoration:none;}
.nav .sub a:hover{ overflow:hidden;}
.nav .on h3 a{ text-decoration:none;}

/* banner */
.banner{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd img{ width:100%; height:auto; display:block;}
.banner .prev,
.banner .next{ position:absolute; left:10%; top:46%; margin-top:-25px; display:block; width:32px; height:40px;}
.banner .next{ left:auto; right:10%; background-position:8px 5px;}
.banner .prev:hover,
.banner .next:hover{ overflow:hidden;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}

/* 类 别 */
.nbbox{ width:100%; padding:0 0 5px 0; overflow:hidden;}
.nbcon{ width:1200px; overflow:hidden; margin:0 auto;}

.nb1{ width:320px; height:135px; float:left; padding:0 80px 0 0; margin:50px 0; overflow:hidden;}
.nb1 h1{ width:24px; height:2px; overflow:hidden; display:block; margin:0 376px 0 0;}
.nb1 h2{ font-size:18px; height:36px; line-height:36px; font-weight:normal; display:block; margin:15px 0 0 0; overflow:hidden;}
.nb1 h2 span{ font-weight:bold; margin:0 5px;}
.nb1 .nb1ico{ width:320px; display:block; margin:20px 0 0 0; overflow:hidden;}
.nb1 .nb1ico li{ width:88px; float:left; line-height:30px; text-align:center; overflow:hidden;}
.nb1 .nb1ico li img{ width:36px; height:30px; display:block; margin:0 auto; overflow:hidden;}
.nb1 .nb1ico li a{ text-decoration:none;}
.nb1 .nb1ico li a:hover{ overflow:hidden;}

.nb2{ width:240px; height:135px; float:left; padding:0 80px 0 80px; margin:60px 0 0 0; overflow:hidden;}
.nb2 h1{ width:24px; height:2px; overflow:hidden; display:block; margin:0 376px 0 0;}
.nb2 h2{ font-size:23px; height:36px; line-height:36px; font-weight:normal; display:block; margin:10px 0 0 0; overflow:hidden;}
.nb2 h3{ height:24px; line-height:24px; font-weight:normal; display:block; overflow:hidden;}
.nb2 .nb2tel{ height:54px; line-height:27px; margin:10px 0 0 0; overflow:hidden;}
.nb2 .nb2tel p{ font-size:22px; font-style:italic;}
.nb2 .nb2tel img{ width:20px; height:20px; display:block; overflow:hidden; margin:0 10px 28px 0; float:left;}

.nb3{ width:320px; height:135px; float:left; padding:0 0 0 80px; margin:60px 0 0 0; overflow:hidden;}
.nb3 h1{ width:24px; height:2px; overflow:hidden; display:block; margin:0 376px 0 0;}
.nb3 h2{ font-size:23px; height:36px; line-height:36px; font-weight:normal; display:block; margin:10px 0 0 0; overflow:hidden;}
.nb3 h3{ height:24px; line-height:24px; font-weight:normal; display:block; overflow:hidden;}
.nb3 h3 a{ margin:0 10px 0 0;}
.nb3 .soubox{ width:320px; position:relative; display:block; margin:15px 0 0 0; overflow:hidden;}
.nb3 .soubox .sou{ width:260px; height:40px; border:0; padding:0 0 0 20px; overflow:hidden;}
.nb3 .soubox .go{ width:50px; height:40px; border:0; position:absolute; display:block; top:0; right:0; cursor:pointer; text-decoration:none;}

/* 标 题 */
.h-tit{ width:1200px; overflow:hidden; margin:25px auto 0 auto;}
.h-tit h1{ font-size:36px; text-align:center; font-weight:bold;}
.h-tit h2{ font-size:18px; line-height:36px; text-align:center; font-weight:normal; overflow:hidden;}
.h-tit h3{ width:30px; height:32px; display:block; position:relative; margin:0 auto;}
.h-tit h3 img{ width:30px; height:32px;}
.h-tit h3 .sl{ width:30px; height:1px; position:absolute; top:15px; right:40px;}
.h-tit h3 .sr{ width:30px; height:1px; position:absolute; top:15px; left:40px;}

.b-tit{ width:1200px; overflow:hidden; margin:0 auto;}
.b-tit h1{ font-size:36px; text-align:center; font-weight:bold;}
.b-tit h2{ font-size:18px; line-height:36px; text-align:center; font-weight:normal; overflow:hidden;}
.b-tit h3{ width:30px; height:32px; display:block; position:relative; margin:0 auto;}
.b-tit h3 img{ width:30px; height:32px;}
.b-tit h3 .sl{ width:30px; height:1px; position:absolute; top:15px; right:40px;}
.b-tit h3 .sr{ width:30px; height:1px; position:absolute; top:15px; left:40px;}

.hmore{ width:500px; height:50px; line-height:50px; font-size:16px; text-align:center; overflow:hidden; transition:all .2s ease-in 0s; margin:15px auto 30px auto; display:block;}
.hmore a{ width:498px; height:48px; line-height:48px; display:block; text-decoration:none; border-radius:20px;}
.hmore a:hover{ width:498px; height:48px; line-height:48px; border-radius:40px; transition:all .2s ease-in 0s;}

/* 新 品 */
.newbox{ width:100%; overflow:hidden;}
.newcon{ width:1200px; margin:0 auto;}
.newcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}
.newcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}
.newcon .hd li.on{ height:40px;}
.newcon .bd{ margin:10px 0 0 0; overflow:hidden;}
.newcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.newcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}
.newcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}

.newcon .bd li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.newcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.newcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.newcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.newcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.newcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.newcon .bd li a .xmtit{ overflow:hidden;}
.newcon .bd li .hx a{ overflow:hidden;}
.newcon .bd li a .xmms{ overflow:hidden;}

.newcon .bd li:hover{ transition:all .2s ease-in 0s;}
.newcon .bd li:hover .xmtit{ overflow:hidden;}
.newcon .bd li:hover .hx{ overflow:hidden;}
.newcon .bd li:hover .xmms{ overflow:hidden;}

/* 通栏公告 */
.tlbox{ width:100%; height:155px; overflow:hidden; display:block;}

/* 推 荐 */
.tjbox{ width:100%; overflow:hidden;}
.tjcon{ width:1200px; margin:0 auto;}
.tjcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}
.tjcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}
.tjcon .hd li.on{ height:40px;}
.tjcon .bd{ margin:10px 0 0 0; overflow:hidden;}
.tjcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.tjcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}
.tjcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}

.tjcon .bd li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.tjcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.tjcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.tjcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.tjcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.tjcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.tjcon .bd li a .xmtit{ overflow:hidden;}
.tjcon .bd li .hx a{ overflow:hidden;}
.tjcon .bd li a .xmms{ overflow:hidden;}

.tjcon .bd li:hover{ transition:all .2s ease-in 0s;}
.tjcon .bd li:hover .xmtit{ overflow:hidden;}
.tjcon .bd li:hover .hx{ overflow:hidden;}
.tjcon .bd li:hover .xmms{ overflow:hidden;}

/* 热 销 */
.rxbox{ width:100%; overflow:hidden;}
.rxcon{ width:1200px; margin:0 auto;}
.rxcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}
.rxcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}
.rxcon .hd li.on{ height:40px;}
.rxcon .bd{ margin:10px 0 0 0; overflow:hidden;}
.rxcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.rxcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}
.rxcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}

.rxcon .bd li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.rxcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.rxcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.rxcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.rxcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.rxcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.rxcon .bd li a .xmtit{ overflow:hidden;}
.rxcon .bd li .hx a{ overflow:hidden;}
.rxcon .bd li a .xmms{ overflow:hidden;}

.rxcon .bd li:hover{transition:all .2s ease-in 0s;}
.rxcon .bd li:hover .xmtit{ overflow:hidden;}
.rxcon .bd li:hover .hx{ overflow:hidden;}
.rxcon .bd li:hover .xmms{ overflow:hidden;}

/* 产 品 */
.cpbox{ width:100%; overflow:hidden;}
.cpcon{ width:1200px; margin:0 auto;}
.cpcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}
.cpcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}
.cpcon .hd li.on{ height:40px;}
.cpcon .bd{ margin:10px 0 0 0; overflow:hidden;}
.cpcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.cpcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}
.cpcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}

.cpcon .bd li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.cpcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.cpcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.cpcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.cpcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.cpcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.cpcon .bd li a .xmtit{ overflow:hidden;}
.cpcon .bd li .hx a{ overflow:hidden;}
.cpcon .bd li a .xmms{ overflow:hidden;}

.cpcon .bd li:hover{ transition:all .2s ease-in 0s;}
.cpcon .bd li:hover .xmtit{ overflow:hidden;}
.cpcon .bd li:hover .hx{ overflow:hidden;}
.cpcon .bd li:hover .xmms{ overflow:hidden;}

/* 实力 */
.slbox{ width:100%; padding:50px 0 0 0; overflow:hidden;}
.slcon{ width:880px; overflow:hidden; margin:30px auto;}
.slcon li{ width:220px; height:70px; justify-content:center; overflow:hidden; float:left;}
.slcon li .slk1{ overflow:hidden;}
.slcon li .slk2{ font-size:16px; overflow:hidden;}
.slcon li .dz{ font-size:38px; font-style:italic;}
.slcon li .xz{ font-size:16px;}

/* 关于我们 */
.usbox{ width:1200px; margin:0 auto; overflow:hidden;}
.us_l{ width:600px; float:left; overflow:hidden;}
.us_r{ width:600px; float:left; overflow:hidden;}

.us_sp{ width:600px; height:340px; overflow:hidden;}

.us_dw{ width:530px; height:260px; line-height:30px; padding:40px 40px 40px 30px; font-size:16px; position:relative; overflow:hidden;}
.z1{ width:20px; height:5px; position:absolute; top:20px; right:25px; overflow:hidden;}
.z2{ width:5px; height:20px; position:absolute; top:25px; right:20px; overflow:hidden;}
.z3{ width:20px; height:5px; position:absolute; bottom:20px; right:25px; overflow:hidden;}
.z4{ width:5px; height:20px; position:absolute; bottom:25px; right:20px; overflow:hidden;}

.z1{ overflow:hidden;}
.z2{ overflow:hidden;}
.z3{ overflow:hidden;}
.z4{ overflow:hidden;}

/* 案 例 */
.albox{ width:100%; overflow:hidden;}
.alcon{ width:1200px; margin:0 auto; overflow:hidden;}
.alcon .bd{ margin:10px 0 0 0; overflow:hidden;}
.alcon .bd li{ width:280px; margin:20px 10px 15px 10px; overflow:hidden; float:left;}
.alcon .bd li .tu{ width:280px; height:207px; overflow:hidden;}
.alcon .bd li .tu img{ width:280px; height:207px;}
.alcon .bd li a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.alcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.alcon .bd li a{ text-decoration:none;}
.alcon .bd li a .tit{ font-size:16px; height:48px; line-height:48px; text-align:center; overflow:hidden;}
.alcon .bd li a:hover .tit{ transition:all .1s ease-in 0s;}

/* 精英团队 */
.tdbox{ overflow:hidden;}
.tdcon{ width:1200px; margin:0 auto; overflow:hidden;}

.tdcon .bd{ margin:10px 0 0 0; overflow:hidden;}
.tdcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.tdcon .bd li .ttu{ width:280px; height:370px; overflow:hidden;}
.tdcon .bd li .ttu img{ width:280px; height:370px; overflow:hidden; transition:all .2s ease-in 0s;}

.tdcon .bd li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.tdcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.tdcon .bd li .bt{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.tdcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.tdcon .bd li .tdms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.tdcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.tdcon .bd li a .bt{ overflow:hidden;}
.tdcon .bd li .hx a{ overflow:hidden; }
.tdcon .bd li a .tdms{ overflow:hidden;}

.tdcon .bd li:hover{ transition:all .2s ease-in 0s;}
.tdcon .bd li:hover .bt{ overflow:hidden;}
.tdcon .bd li:hover .hx{ overflow:hidden;}
.tdcon .bd li:hover .tdms{ overflow:hidden;}

/* 新闻动态 */
.newsbox{ width:100%; overflow:hidden;}
.newscon{ width:1200px; overflow:hidden; margin:20px auto 0 auto;}

.newscon .hd{ height:40px; line-height:40px; text-align:center;}
.newscon .hd li{ text-align:center; display:inline-block; cursor:pointer;}
.newscon .hd li.on{ height:40px;}
.newscon .hd li a{ padding:0 25px; margin:0 10px; border-radius:20px; display:block; text-decoration:none;}

.newscon .bd{ overflow:hidden;}

.news-tu{ width:1200px; overflow:hidden;}
.news-tu ul{ width:1220px;}
.news-tu li{ width:590px; height:130px; line-height:30px; margin:20px 20px 0 0; overflow:hidden; float:left;}
.news-tu li .tu{ width:200px; height:130px; margin:0 20px 0 0; float:left; overflow:hidden;}
.news-tu li .tu img{ width:200px; height:130px; overflow:hidden;}
.news-tu li a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.news-tu li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.news-tu li h1{ font-size:16px; overflow:hidden; margin:15px 0 0 0;}
.news-tu li a{ width:570px; height:130px; padding:0 20px 0 0; display:block; text-decoration:none; overflow:hidden;}
.news-tu li:hover a{ overflow:hidden;}
.news-tu li:hover a h1{ overflow:hidden;}

.news-lb{ width:1200px; overflow:hidden;}
.news-lb ul{ width:1220px;}
.news-lb li{ height:46px; line-height:46px; margin:20px 20px 0 0; overflow:hidden; float:left;}
.news-lb li a{ width:550px; padding:0 0 0 40px; display:block;}
.news-lb li a:hover{ text-decoration:none;}
		
/* 友情链接 */
.link{ height:40px; line-height:40px;}
.link h3{ float:left;}
.link a{ margin:0 10px 0 0; float:left;}

/* 底部 */
.footbox{ width:100%; padding:50px 0 0 0; overflow:hidden;}
.footcon{ width:1200px; overflow:hidden; margin:50px auto;}
.d1{ width:200px; float:left; margin:30px 30px 0 0; overflow:hidden;}
.d1 .dico{ width:36px; height:108px; float:left; margin:0 10px 0 0; overflow:hidden;}
.d1 .dico img{ width:36px; height:46px; overflow:hidden;}
.d1 h1{ font-weight:bold; font-size:16px; line-height:36px;}
.d1 h2{ font-weight:normal; line-height:24px;}

.d2{ width:200px; height:54px; float:left; margin:30px 30px 0 0; overflow:hidden;}
.d2 .dico{ width:36px; height:84px; float:left; margin:0 10px 0 0; overflow:hidden;}
.d2 .dico img{ width:36px; height:46px; overflow:hidden;}
.d2 h1{ font-weight:bold; font-size:16px; line-height:36px;}
.d2 h2{ font-weight:normal;}
.d3{ width:180px; height:54px; float:left; margin:30px 0 0 30px; overflow:hidden;}
.d3 .dico{ width:36px; height:84px; float:left; margin:0 10px 0 0; overflow:hidden;}
.d3 .dico img{ width:36px; height:46px; overflow:hidden;}
.d3 h1{ font-weight:bold; font-size:16px; line-height:36px;}
.d3 h2{ font-weight:normal;}

.d4{ width:220px; height:54px; float:left; margin:30px 0 0 30px; overflow:hidden;}
.d4 .dico{ width:36px; height:84px; float:left; margin:0 10px 0 0; overflow:hidden;}
.d4 .dico img{ width:36px; height:46px; overflow:hidden;}
.d4 h1{ font-weight:bold; font-size:16px; line-height:36px;}
.d4 h2{ font-weight:normal;}

.rwm{ width:280px; float:left;}
.rwm li{ width:96px; text-align:center; line-height:36px; overflow:hidden; float:left; margin:0 22px;}
.rwm li img{ width:96px; height:96px; display:block; margin:0 auto;}

.footdw{ width:100%; height:50px; overflow:hidden;}
.footzw{ width:1200px; line-height:50px; margin:0 auto; overflow:hidden;}
.footzw h1{ width:600px; text-align:left; display:block; float:left; overflow:hidden;}
.footzw h2{ width:600px; text-align:right; font-weight:normal; display:block; overflow:hidden; float:left;}

/*悬浮*/
.fixed-right-nav{ position:fixed; z-index:500; right:2%; top:50%; width:78px; text-align:center; opacity:.9;}
.fixed-right-nav a{ display:block; height:50px; border-radius:5px; margin-bottom:2px; overflow:hidden; text-decoration:none;}
.fixed-right-nav a:hover{ text-decoration:none;}
.fixed-right-nav .backtop i{ display:block; width:28px; height:18px; margin:16px auto 0;}
.fixed-right-nav .msg i{ display:block; width:28px; height:18px; margin:8px auto 0;}
.fixed-right-nav .decora i{ display:block; width:28px; height:18px; margin:8px auto 0;}
.fixed-right-nav .qrcode i{ display:block; width:28px; height:18px; margin:15px auto 0;}
.fixed-right-nav .qrcodePic{ position:absolute; bottom:2px; visibility:hidden; right:80px; width:120px; height:120px; transform:scale(0); -webkit-transform:scale(0); transition:all ease .2s; -webkit-transition:all ease .2s; transform-origin:right bottom; -webkit-transform-origin:right bottom;}
.fixed-right-nav .qrcodePic img{ width:120px; height:120px;}
.fixed-right-nav .qrcode:hover .qrcodePic{ visibility:visible; transform:scale(1); -webkit-transform:scale(1);}
.fixed-right-nav .decoraDw{ font-size:16px; position:absolute; bottom:59px; visibility:hidden; right:80px; width:150px; height:40px; line-height:40px; transform:scale(0); -webkit-transform:scale(0); transition:all ease .2s;-webkit-transition:all ease .2s; transform-origin:right bottom; -webkit-transform-origin:right bottom; background-color:rgba(0,0,0,0.8); border-radius:5px;}
.fixed-right-nav .decora:hover .decoraDw{ visibility:visible; transform:scale(1); -webkit-transform:scale(1);}

/* 内页 */
.n-tit{ width:100%; overflow:hidden;}
.bb{ width:1200px; overflow:hidden; margin:40px auto;}
.n-tit h1{ line-height:24px; text-align:center;}
.n-tit h2{ font-size:36px; line-height:48px; text-align:center; font-weight:normal;}
.n-tit h3{ width:38px; height:3px; margin:10px auto 0 auto;}

.x-tit{ line-height:36px; text-align:center; padding:5px 0 20px 0; margin:0 0 15px 0;}
.x-tit h1{ font-size:24px; font-weight:bold;}

.nfl{ width:100%; padding:10px 0 30px 0; overflow:hidden;}
.nfl ul{ width:1200px; overflow:hidden; margin:0 auto;}
.nfl li{ width:220px; font-size:16px; text-align:center; margin:20px 10px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.nfl a{ width:220px; line-height:50px; display:block; text-decoration:none;}
.nfl li a:hover{ display:block;}
.nfl .on a{ text-decoration:none; transition:all .2s ease-in 0s;}

.nrwz{ width:1200px; padding:30px 0; line-height:36px; overflow:hidden; margin:0 auto;}
.nrwz img{ margin:15px auto;}

/* 详细分页 */
.fy{ padding:10px 0; margin:20px 0 0 0; overflow:hidden;}
.fy ul{ width:1200px; margin:0 auto;}
.fy li{ font-size:16px; line-height:36px;}
.fy li img{ margin:0 12px 0 20px;}

/* 新 闻 */
.n-news{ width:1200px; overflow:hidden; margin:30px auto;}
.n-news li{ padding:20px; overflow:hidden;}
.n-news li:hover{ transition:all .2s ease-in 0s;}
.n-news li .netu{ width:180px; height:120px; margin:0 20px 0 0; overflow:hidden; float:left;}
.n-news li .netu img{ width:180px; height:120px; display:block;}
.n-news li .netu a{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.n-news li .netu a:hover{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.n-news li .newz{ width:940px; height:120px; line-height:30px; overflow:hidden; float:left;}
.n-news li .newz h1{ font-size:16px;}
.n-news li .newz h2{ font-size:12px; line-height:16px; padding:5px 0; font-weight:normal;}
.n-news li .newz h2 img{ width:16px; height:16px; margin:0 10px 0 0;}
.n-news li .newz a{ text-decoration:none; ;}
.n-news li:hover{ overflow:hidden;}

/* 产 品 */
.n-cp{ width:1200px; margin:10px auto; overflow:hidden;}
.n-cp li{ width:280px; float:left; overflow:hidden; margin:10px 10px 15px 10px; background-color:rgba(248,248,248,1);}
.n-cp li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.n-cp li .xmtx{ width:280px; height:207px; overflow:hidden;}
.n-cp li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}

.n-cp li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.n-cp li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.n-cp li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.n-cp li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.n-cp li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.n-cp li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.n-cp li a .xmtit{ overflow:hidden;}
.n-cp li .hx a{ overflow:hidden;}
.n-cp li a .xmms{ overflow:hidden;}

.n-cp li:hover{ transition:all .2s ease-in 0s;}
.n-cp li:hover .xmtit{ overflow:hidden;}
.n-cp li:hover .hx{ overflow:hidden;}
.n-cp li:hover .xmms{ overflow:hidden;}

/* 分 页 */
.pageListNav{ text-align:center; padding:20px 0;}
.pageListNav a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; margin:0 5px; border-radius:5px;}
.pageListNav a:hover{ text-decoration:none;}
.pageListNav span{ display:inline-block; padding:0 15px; height:36px; line-height:36px; margin:0 5px; border-radius:5px;}
.pageListNav .ym{ width:27px; padding:0 15px; text-align:center; height:18px; margin:8px 5px 0 0;}

/* 案 例 */
.allb{ width:1200px; margin:0 auto; overflow:hidden;}
.allb li{ width:280px; margin:20px 10px 15px 10px; overflow:hidden; float:left;}
.allb li .tu{ width:280px; height:207px; overflow:hidden;}
.allb li .tu img{ width:280px; height:207px;}
.allb li a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.allb li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.allb li a{ text-decoration:none;}
.allb li a .tit{ font-size:16px; height:48px; line-height:48px; text-align:center; overflow:hidden;}
.allb li a:hover .tit{ transition:all .1s ease-in 0s;}

/* 团 队 */
.tdlb{ width:1200px; margin:0 auto; overflow:hidden;}
.tdlb li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}
.tdlb li .ttu{ width:280px; height:370px; overflow:hidden;}
.tdlb li .ttu img{ width:280px; height:370px; overflow:hidden; transition:all .2s ease-in 0s;}

.tdlb li:hover a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.tdlb li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.tdlb li .bt{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}
.tdlb li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}
.tdlb li .tdms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}

.tdlb li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}

.tdlb li a .bt{ overflow:hidden;}
.tdlb li .hx a{ overflow:hidden;}
.tdlb li a .tdms{ overflow:hidden;}

.tdlb li:hover{ transition:all .2s ease-in 0s;}
.tdlb li:hover .bt{ overflow:hidden;}
.tdlb li:hover .hx{ overflow:hidden;}
.tdlb li:hover .tdms{ overflow:hidden;}

/* 留言板 */
.lyb{ width:700px; margin:0 auto 30px auto; overflow:hidden;}
.lyb input{ width:300px; height:48px; line-height:48px; padding:0 0 0 20px; border:0; display:inherit; float:left; margin:30px 15px 0 15px; overflow:hidden;}
.lyb select{ width:320px; height:48px; line-height:48px; border:0; display:inherit; float:left; margin:30px 15px 0 15px; overflow:hidden;}
.lyb textarea{ width:600px; height:180px; line-height:48px; border:0; display:inherit; padding:10px 20px; margin:30px 0 0 15px; float:left; overflow:hidden;}
.lyb .an{ cursor:pointer; float:left;}